<template>
    <div class="all">
		<mt-header title="非事故道路救援" style="font-size:18px">
		  <router-link to="/" slot="left">
		    <mt-button icon="back"  style="font-size:16px">返回</mt-button>
		  </router-link>
		</mt-header>
		
		<div class="bigbox-info" >
			<mt-field label="救援位置" placeholder="请输入手机号" is-link></mt-field>
			
			<mt-field label="救援街道" placeholder="请输入手机号" ></mt-field>
			
			<mt-field label="救援类型">
				 <span class="id" @click="check">现场抢修</span>
			</mt-field>
			
		    <mt-field label="新手机号码" placeholder="请输入短信验证码" >
		    	 <span   style="color: orange;">修改</span>
		    </mt-field>
		    
		    <router-link to="/" slot="left">
				<mt-button size="large" type="primary">查询</mt-button>
			</router-link>
	    </div>	 
	    
	    <mt-actionsheet
			:actions="actions"
			v-model="sheetVisible">
		</mt-actionsheet>
	    
	</div>
</template>

<script>
	export default {
	  name: 'NonAccidentRoadRescue',
	  data () {
      return {
      	    actions: [
	      	        {"name": "救援类型"}, 
			        {"name": "现场抢修", method : this.getId},
			        {"name": "拖车牵引", method : this.getJr},
			        {"name": "吊车救援", method : this.getPassport},
			        {"name": "紧急加水", method : this.getVisa},
			        {"name": "更换轮胎", method : this.getHK},
		            ],
     		sheetVisible: false
	    }
	  },
	  methods:{
		check(){
			this.sheetVisible = true;
		}
  }
}
</script>

<style>
	.all{
		font-size: 16px;
	}
	.bigbox-info{
		width: 90%;
		margin-left: 5%;
	}
	.mint-button--large{
		margin-top: 15%;
	}
	.mint-field .mint-cell-title{
		margin-left: -20px;
	}
	.mint-cell{
	    min-height: 48px;
	    border-bottom: 1px solid #eee;
    }
    .yzm{
    	margin-left: -23%;
    	color: orange;
    }
	.id{
		background-image: url(../../../static/img/go.png);
		background-repeat: no-repeat;
	    background-size:18%;
	    background-position: 86px 3px;
	    display: inline-block;
	    height: 25px;
	    line-height: 25px;
	    width: 120px;
	    text-align: left;
	}
	.mint-button--small{
		padding: 0 4px;
		margin-right: -10px;
	}
</style>